function Game(el)
{
    this.el=document.querySelector(el)
    this.t=null
    this.map=new Map(this.el)
    this.food=new Food(this.el)
    this.snake=new Snake(this.el)
    this.init()

}
Game.prototype.init=function(){
    // this.start()
    // this.stop()
}
Game.prototype.start=function(){
    if(this.t) return
    this.t=setInterval(()=>{
        this.snake.move()
        this.eatFood()
       
    },150)
    this.keyEvent()
}
Game.prototype.stop=function(){
    clearInterval(this.t)
    
}
Game.prototype.keyEvent=function(){
    document.onkeydown=(evt)=>{
        let e=evt ||window.event
        switch (e.keyCode) {
            case 38:
                this.snake.direction='top'
                break;
            case 40:
                this.snake.direction='bottom'
                break;
            case 37:
                this.snake.direction='left'
                break;
            case 39:
                this.snake.direction='right'
                break;
        }
        
    }
}
Game.prototype.eatFood=function(){
    let snakeX=this.snake.snakeObj[0].x*20
    let snakeY=this.snake.snakeObj[0].y*20
    let foodX=this.food.foodX
    let foodY=this.food.foodY
    // if(parseInt(this.snake.snakeObj[0].el.style.left)==this.food.left && parseInt(this.snake.snakeObj[0].el.style.top)==this.food.top){
    if(snakeX==foodX && snakeY==foodY){
        let last=this.snake.snakeObj[this.snake.snakeObj.length-1]
        this.snake.snakeObj.push({
            x:last.x,
            y:last.y,
            color:last.color,
            el:null
        })
        this.snake.createS()

        this.food.move()
    }
}